*{
    margin: 0;
    padding: 0;
    list-style: none;
}

.web{
    .carouselBox{
        width: 1000px;
        height: 562px;
        border: 2px solid pink;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        overflow: hidden;
        ul{
            width: 100%;
            white-space: nowrap;
            font-size: 0;
            li{
                display: inline-block;
                width: 100%;
                img{
                    width: 100%;
                }
            }
        }
        .arrow{
            width: 160px;
            height: 562px;
            text-align: center;
            line-height: 562px;
            font-size: 36px;
            position: absolute;
            top: 0;
            transition: all 1s;
            cursor: pointer;
        }
        .leftArrow{
            left: 0;
            background: linear-gradient(90deg , #000,transparent);
            transform: translateX(-100%);
        }
        .rightArrow{
            right: 0;
            background: linear-gradient(-90deg , #000,transparent);
            transform: translateX(100%);
        }
        &:hover .arrow{
            transform: translateX(0%);
        }
        .pointBox{
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            text-align: center;
            font-size: 0;
            transition: all 1s;
            ol{
                display: inline-block;
                white-space: nowrap;
                background: rgb(173, 45, 45);
                border-radius: 50% 0%;
                padding: 12px 8px;
                li{
                    width: 10px;
                    height: 10px;
                    display: inline-block;
                    background: #ff0;
                    margin: 0 8px;
                    cursor: pointer;
                    border-radius: 50%;
                }
                .active{
                    background-color: #ff0;
                }
            }
        }
    }
}